import "./App.less";
import TopTab from "./pages/TopTab";
import Content from "./pages/Content";
import LeftNav from "./pages/LeftNav";

function App() {
  return (
    <div
      style={{
        height: "100vh",
        display: "flex",
        backgroundColor: "#1e1e1e",
      }}
    >
      <div style={{ flex: 1, minWidth: "200px", maxWidth: "400px" }}>
        <LeftNav />
      </div>
      <div style={{ flex: 4, display: "flex", flexDirection: "column" }}>
        <TopTab />
        <Content />
      </div>
    </div>
  );
}

export default App;
